<template>
    <div class="Mine-box">
        <Header></Header>
  
<div class="main">
				<div class="login">
					
						<div class="login-nav">
    <router-link to= '/mine/login'>  
    <div class="nav-btn">
        <span>登录</span>
    </div>
    </router-link>

    <router-link to= '/mine/register'>
    <div class="nav-btn active">
        <span>新用户</span>
    </div>
    </router-link>
</div>



<div  class="page-login" style="height: 443px; transform: translate3d(0%, 0px, 0px);">
     <transition
                      enter-active-class="animated slideInLeft"
                      leave-active-class="animated slideOutLeft"
                      >
   <router-view></router-view>
     </transition>     
</div>	
 
					
				</div>
			</div>

           


        
        <Footer></Footer>
        </div>    
</template>

<script>
import Header from '../components/layout/Header'
import Footer from '../components/layout/Footer'
// import Register from './Register'
export default {
    data(){
        return(
            {
                // registerFlag:false,
                // loginFlag:true
            }
        )
    },
    components:{
        Header,
        Footer
        // Register
    },
    methods:{
        // register(){
        //     // this.registerFlag=!this.registerFlag;
        //     this.loginFlag=!this.loginFlag
        // }
    }
}
</script>

<style lang="stylus" scoped>
.Mine-box{
    width 3.75rem;
    height 100%;
    background white;
}
.login{
    padding 0 .19rem;
}
.main{
    margin-top .8rem;
    .login-nav{
        display flex;
        width 100%
        height .38rem;
        justify-content: center;
        align-items: center;
        .nav-btn{
        color: #fff;
        background: #000;
        width: 1.69rem;
        height: .38rem
        cursor: pointer;
        text-align: center;
        box-sizing: border-box;
        line-height .38rem;
        &.active{
            background white;
            border 1px solid black;
            color black;
        }
        &>span{
        cursor: pointer;
        text-align: center;
        font-family: "Hiragino Sans GB", "STHeiti","冬青黑体", "Microsoft Yahei", Helvetica;
        font-size .16rem;
        }
    }
    }
    
}
.page-login{
    margin-top .4rem;
}

</style>

